Title: How to Show the Product Short Description on the Shop Page

Publish Date: Thu, 01 Dec 2016 10:00:43 +0000

Categories: Uncategorized

Content:

If you're running an online store using WooCommerce, you know how important it is to grab your customers' attention quickly. The WooCommerce shop page is often the first point of contact between your products and potential buyers. Today, I'll guide you through a simple yet effective tweak: showing the product's short description on the WooCommerce shop page. This change can significantly enhance user experience and potentially increase sales.







Why the Short Description Matters



Think of short descriptions as quick introductions to your products. When customers can read these short descriptions on your shop page, they can understand what you're selling faster. This can help them decide what to buy without clicking on each product. This is convenient for your customers and can help you sell more.



Adding the Short Description to Your Shop Page



Now, let’s get to the practical part. We will add these short descriptions to your shop page. Don’t worry, I’ll explain it in simple steps.





Add this code at the end of the file functions.php in wp-content/themes/your-child-theme-name/:




https://gist.github.com/SiR-DanieL/fed6d32ea3de0d00608b03483848bb7b




The code snippet above will print the product's short description between the product price and the Add to Cart button.



I’d suggest using it only if you don’t have too many products in your store and the short description is actually short. Otherwise, your store page could become very long and won’t be easy or enjoyable to navigate.



After adding the descriptions, you might want to make them look nice. You can do this by adding some custom CSS to your child theme’s style.css file. Change the font, color, and size to match your store’s style, although the theme should take care of most of the work for you already.



You can use this CSS template to start:




https://gist.github.com/SiR-DanieL/60124e3539e3c53ac4d3de89cf8054a0




Check and Launch



Always test your changes before making them live. Look at your shop page and make sure everything looks right and works well. When you’re happy with how it looks, it’s time to show your new shop page to your customers.



And that's it! By adding short descriptions to your shop page, you’re making your online store more user-friendly. This can help your customers find what they need quickly and could lead to more sales for you.



Did you try this out? I’d love to hear about it in the comments! But if you're looking for more ways to customize your store, you should learn more about customizing the Out of Stock text on the single product page!
